/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/ArticlePreview/Bookmarks/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_item__Ugl_M {
		display: flex;
		align-items: center;
		gap: 2px;
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #8E8E93;
		transition: color 0.3s;
		white-space: nowrap;
}
@media only screen and (max-width: 991px) {
		.style_item__Ugl_M {
				font-size: 12px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_item__Ugl_M:hover {
				cursor: pointer;
				color: #d2233c;
		}
}
.style_item__Ugl_M.style_active__WaURD svg {
		color: #d2233c;
}
.style_item__Ugl_M svg {
		min-width: 16px;
		width: 16px;
		height: 16px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/ArticlePreview/BottomItemCard/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_bottomItem__8yG6X {
		display: flex;
		align-items: center;
		gap: 4px;
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #8E8E93;
}
@media only screen and (max-width: 991px) {
		.style_bottomItem__8yG6X {
				font-size: 12px;
		}
}
.style_bottomItem__8yG6X svg {
		min-width: 16px;
		width: 16px;
		height: 16px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/LabelForArticle/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_label__XArzE {
		position: relative;
		text-transform: uppercase;
		width: -moz-fit-content;
		width: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 3px 4px 3px 6px;
		color: #fff;
		font: 600 11px/130% var(--my-open-sans-regular);
		height: 20px;
		border-radius: 1px;
		background-color: var(--color);
}
@media only screen and (max-width: 767px) {
		.style_label__XArzE {
				font-size: 10px;
				height: 19px;
		}
}
.style_label__XArzE:before, .style_label__XArzE:after {
		content: "";
		width: 0;
		height: 0;
		border-right: 7px solid transparent;
		right: -5px;
		position: absolute;
		top: 0;
}
.style_label__XArzE:before {
		border-top: 20px solid var(--color);
}
@media only screen and (max-width: 767px) {
		.style_label__XArzE:before {
				border-top-width: 19px;
		}
}
.style_label__XArzE:after {
		border-top: none;
		border-bottom: 20px solid var(--color);
}
@media only screen and (max-width: 767px) {
		.style_label__XArzE:after {
				border-bottom-width: 19px;
		}
}

.style_blue___y6SU {
		background-color: #14ABC6;
}
.style_blue___y6SU:before {
		border-top: 20px solid #14ABC6;
}
@media only screen and (max-width: 767px) {
		.style_blue___y6SU:before {
				border-top-width: 19px;
		}
}
.style_blue___y6SU:after {
		border-top: none;
		border-bottom: 20px solid #14ABC6;
}
@media only screen and (max-width: 767px) {
		.style_blue___y6SU:after {
				border-bottom-width: 19px;
		}
}

.style_orange__QgrAd {
		background-color: #FE5721;
}
.style_orange__QgrAd:before {
		border-top: 20px solid #FE5721;
}
@media only screen and (max-width: 767px) {
		.style_orange__QgrAd:before {
				border-top-width: 19px;
		}
}
.style_orange__QgrAd:after {
		border-top: none;
		border-bottom: 20px solid #FE5721;
}
@media only screen and (max-width: 767px) {
		.style_orange__QgrAd:after {
				border-bottom-width: 19px;
		}
}

.style_red__7LHim {
		background-color: #d2233c;
}
.style_red__7LHim:before {
		border-top: 20px solid #d2233c;
}
@media only screen and (max-width: 767px) {
		.style_red__7LHim:before {
				border-top-width: 19px;
		}
}
.style_red__7LHim:after {
		border-top: none;
		border-bottom: 20px solid #d2233c;
}
@media only screen and (max-width: 767px) {
		.style_red__7LHim:after {
				border-bottom-width: 19px;
		}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/ArticlePreview/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__cNarE {
		display: flex;
		flex-flow: column;
		height: 100%;
		justify-content: space-between;
		position: relative;
		gap: 20px;
}

.style_container__Wsij2 {
		display: flex;
		flex-flow: column;
}

.style_img__rVk5Q {
		border-radius: 12px;
		aspect-ratio: 280/158;
		object-fit: cover;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_img__rVk5Q {
				border-radius: 8px;
				aspect-ratio: 232/130;
		}
}
@media only screen and (max-width: 767px) {
		.style_img__rVk5Q {
				border-radius: 4px;
				aspect-ratio: 300/168;
		}
}

.style_content__C2SWJ {
		display: flex;
		flex-flow: column;
		gap: 8px;
		margin-top: 6px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__C2SWJ {
				gap: 4px;
				margin-top: 4px;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__C2SWJ {
				gap: 2px;
				margin-top: 2px;
		}
}

.style_tags__n3z7_ {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-top: 16px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_tags__n3z7_ {
				margin-top: 8px;
				gap: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_tags__n3z7_ {
				margin-top: 6px;
				gap: 8px;
		}
}

.style_date__zT6wo {
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #8E8E93;
}
@media only screen and (max-width: 991px) {
		.style_date__zT6wo {
				font-size: 12px;
		}
}

.style_title__KeWfi {
		font: 600 20px/140% var(--my-open-sans-regular);
		color: #231F20;
		transition: color 0.3s;
		overflow: hidden;
		position: relative;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		text-overflow: ellipsis;
		white-space: pre-line;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__KeWfi {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__KeWfi {
				font-size: 16px;
		}
}
.style_title__KeWfi:hover {
		color: #b11e33;
}

.style_text__BvM1Z {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #3E3E43;
		overflow: hidden;
		position: relative;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		text-overflow: ellipsis;
		white-space: pre-line;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__BvM1Z {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__BvM1Z {
				font-size: 12px;
		}
}

.style_bottom__5oqI0 {
		display: flex;
		gap: 12px;
		margin-top: auto;
}
.style_bottom__5oqI0 > div:nth-child(1) {
		width: 60%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_bottom__5oqI0 > div:nth-child(1) {
				width: 70%;
		}
}
@media only screen and (max-width: 767px) {
		.style_bottom__5oqI0 > div:nth-child(1) {
				width: 55%;
		}
}

.style_bottomA__8TFXn {
		display: flex;
		gap: 4px;
		margin-top: auto;
		justify-content: space-between;
}
.style_bottomAContainer___nXso {
		display: flex;
		flex-flow: column;
		gap: 4px;
}
.style_bottomABookmark__etN9X {
		margin-bottom: auto;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Breadcrumbs/HiddenItems/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_item__F6S_4 {
		display: flex;
		align-items: center;
		gap: 2px;
		border-radius: 4px;
		background: #F1F1F4;
		padding: 4px;
		cursor: pointer;
}
.style_item__F6S_4 span {
		background: #9FAAB0;
		width: 4px;
		height: 4px;
		border-radius: 50%;
}
.style_itemWrap__6k_SC {
		position: relative;
}

.style_popupWrap__jT1mz {
		position: absolute;
		left: 0;
		z-index: 100;
}
@media only screen and (max-width: 767px) {
		.style_popupWrap__jT1mz {
				left: -8px;
		}
}
.style_popupContent__KtB9a {
		position: relative;
		margin-top: 10px;
		padding: 4px 16px;
		background: #fff;
		white-space: nowrap;
		filter: drop-shadow(0 0 4px #DEDEDE);
}
@media only screen and (max-width: 767px) {
		.style_popupContent__KtB9a {
				margin-top: 14px;
				padding: 4px 8px;
		}
}
.style_popupContent__KtB9a::before {
		position: absolute;
		content: "";
		top: -10px;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #ffffff;
		border-bottom: 10px solid rgb(255, 255, 255);
}
@media only screen and (max-width: 767px) {
		.style_popupContent__KtB9a::before {
				left: 8px;
		}
}

.style_elem__Hdgbt {
		display: flex;
		gap: 8px;
		align-items: center;
		padding: 12px 0;
		font: 400 15px/140% var(--my-open-sans-regular);
		color: #231F20;
		transition: color 0.3s;
		max-width: 200px;
}
@media only screen and (max-width: 767px) {
		.style_elem__Hdgbt {
				font-size: 13px;
				padding: 8px 0;
		}
}
.style_elem__Hdgbt:hover {
		color: #d2233c;
}
.style_elem__Hdgbt + .style_elem__Hdgbt {
		border-top: 1px solid #DEDEDE;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Breadcrumbs/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_breadcrumbs__ArFZk {
		display: inline-flex;
		align-items: center;
		flex-flow: row nowrap;
		width: 100%;
		margin-bottom: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_breadcrumbs__ArFZk {
				margin-bottom: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_breadcrumbs__ArFZk {
				margin-bottom: 12px;
		}
}
.style_breadcrumbsItem__gKNGn {
		font-size: 400 14px/140% var(--my-open-sans-regular);
		color: #3E3E43;
		transition: color 0.3s;
		white-space: nowrap;
		display: inline-block;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_breadcrumbsItem__gKNGn {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_breadcrumbsItem__gKNGn {
				font-size: 12px;
				line-height: 120%;
		}
}
.style_breadcrumbsItem__gKNGn:hover {
		color: #d2233c;
}
.style_breadcrumbsSeparator___74Mc {
		margin: 2px 10px 0 10px;
}
@media only screen and (max-width: 767px) {
		.style_breadcrumbsSeparator___74Mc {
				margin: 1px 6px 0 6px;
		}
}
.style_breadcrumbsAll__gR_Tg {
		margin-top: 4px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/AnchorBlock/AnchorElement/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_link__pn_jr {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #d2233c;
		display: flex;
		gap: 8px;
		width: -moz-fit-content;
		width: fit-content;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_link__pn_jr {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_link__pn_jr {
				font-size: 12px;
		}
}
.style_link__pn_jr:hover {
		color: #b11e33;
}
.style_link__pn_jr svg {
		margin-top: 2px;
		min-width: 16px;
}
@media only screen and (max-width: 767px) {
		.style_link__pn_jr svg {
				margin-top: 0;
		}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/AnchorBlock/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_title__PzvU1 {
		color: #231F20;
		font: 600 20px/140% var(--my-open-sans-regular);
		margin-bottom: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__PzvU1 {
				font-size: 18px;
				margin-bottom: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__PzvU1 {
				font-size: 16px;
				margin-bottom: 12px;
		}
}

.style_grid__aZJJb {
		display: flex;
		flex-flow: column;
		gap: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_grid__aZJJb {
				gap: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_grid__aZJJb {
				gap: 12px;
		}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/ArticleAuthorCard/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__vZqav {
		display: flex;
		gap: 12px;
		padding: 16px;
		border-radius: 12px;
		background-color: #F1F1F4;
}
@media only screen and (max-width: 991px) {
		.style_card__vZqav {
				padding: 8px 12px;
				border-radius: 8px;
		}
}

.style_foto__Weqrk {
		width: 44px;
		height: 44px;
		min-width: 44px;
		object-fit: contain;
		border-radius: 50%;
		overflow: hidden;
}
@media only screen and (max-width: 991px) {
		.style_foto__Weqrk {
				height: 32px;
				width: 32px;
				min-width: 32px;
		}
}

.style_container__RP55O {
		display: flex;
		flex-flow: column;
		gap: 4px;
}
@media only screen and (max-width: 991px) {
		.style_container__RP55O {
				gap: 2px;
		}
}

.style_fio__2CPHu {
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_fio__2CPHu {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_fio__2CPHu {
				font-size: 13px;
		}
}

.style_role__Of5T_ {
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #3E3E43;
}
@media only screen and (max-width: 991px) {
		.style_role__Of5T_ {
				font-size: 12px;
		}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/Bookmarks/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_item__aTBNG {
		display: flex;
		align-items: center;
		gap: 4px;
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #8E8E93;
		transition: color 0.3s;
		white-space: nowrap;
}
@media only screen and (max-width: 991px) {
		.style_item__aTBNG {
				font-size: 14px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_item__aTBNG:hover {
				cursor: pointer;
				color: #d2233c;
		}
}
.style_item__aTBNG.style_active__SLDCT svg {
		color: #d2233c;
}
.style_item__aTBNG svg {
		min-width: 24px;
		width: 24px;
		height: 24px;
}
@media only screen and (max-width: 991px) {
		.style_item__aTBNG svg {
				min-width: 20px;
				width: 20px;
				height: 20px;
		}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/TextFilterElement/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_filterElement__FSOxQ {
		position: relative;
		background-color: #F1F1F4;
		border-radius: 4px;
		width: -moz-fit-content;
		width: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 8px 10px;
		color: #231F20;
		gap: 4px;
		font: 400 14px/140% var(--my-open-sans-regular);
		transition: color 0.3s;
		cursor: pointer;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_filterElement__FSOxQ {
				padding: 5px 8px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_filterElement__FSOxQ {
				padding: 4px 8px;
				font-size: 12px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_filterElement__FSOxQ:hover {
				color: #d2233c;
		}
}
.style_filterElement__FSOxQ.style_active__s1e_w {
		color: #fff;
		background-color: #3E3E43;
}
.style_filterElement__FSOxQ.style_active__s1e_w > a {
		cursor: none;
		pointer-events: none;
}
.style_filterElement__FSOxQ.style_disabled__0vDNw {
		pointer-events: none;
		opacity: 0.7;
}
.style_filterElement__FSOxQ .style_reset__idqCJ {
		padding: 0;
		margin: 0;
		border: none;
		background-color: transparent;
		color: unset;
		cursor: pointer;
		transition: opacity 0.3s;
}
@media (hover: hover) and (pointer: fine) {
		.style_filterElement__FSOxQ .style_reset__idqCJ:hover {
				opacity: 0.7;
		}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/CloudTags/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_container__oGCtJ {
		padding-bottom: 20px;
		border-bottom: 1px solid #E5E6E7;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_container__oGCtJ {
				padding-bottom: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_container__oGCtJ {
				padding-bottom: 12px;
		}
}

.style_title__gmiqf {
		color: #231F20;
		font: 600 20px/140% var(--my-open-sans-regular);
		margin-bottom: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__gmiqf {
				font-size: 18px;
		}
}
@media only screen and (max-width: 991px) {
		.style_title__gmiqf {
				margin-bottom: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__gmiqf {
				font-size: 16px;
		}
}

.style_grid__C5zid {
		display: flex;
		flex-flow: wrap;
		gap: 16px 20px;
}
@media only screen and (max-width: 991px) {
		.style_grid__C5zid {
				gap: 12px 16px;
		}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/RatingBlock/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_container__exufm {
		display: flex;
		align-items: center;
		gap: 8px;
}

.style_item__u86_Y {
		display: flex;
		align-items: center;
		gap: 4px;
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #8E8E93;
		transition: color 0.3s;
}
@media only screen and (max-width: 991px) {
		.style_item__u86_Y {
				font-size: 14px;
		}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/product/Top/ShareTop/ShareItems/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_item__e8ES0 {
		display: flex;
		gap: 8px;
		align-items: center;
		padding: 12px 0;
		font: 400 15px/140% var(--my-open-sans-regular);
		color: #231F20;
		transition: color 0.3s, opacity 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_item__e8ES0 {
				font-size: 13px;
				padding: 8px 0;
		}
}
.style_item__e8ES0 svg {
		min-width: 24px;
}
@media only screen and (max-width: 767px) {
		.style_item__e8ES0 svg {
				min-width: 20px;
				width: 20px;
				height: 20px;
		}
}
.style_item__e8ES0:hover {
		opacity: 0.7;
}
.style_item__e8ES0 + .style_item__e8ES0 {
		border-top: 1px solid #DEDEDE;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/ShareBlock/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__Ocjym {
		display: flex;
		gap: 4px;
		align-items: center;
		width: -moz-fit-content;
		width: fit-content;
		color: #8E8E93;
}
@media only screen and (max-width: 767px) {
		.style_block__Ocjym {
				gap: 4px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_block__Ocjym:hover {
				color: #d2233c;
		}
}
.style_block__Ocjym svg {
		min-width: 24px;
		width: 24px;
		height: 24px;
}
@media only screen and (max-width: 991px) {
		.style_block__Ocjym svg {
				min-width: 20px;
				width: 20px;
				height: 20px;
		}
}
.style_blockWrap__cHcYw {
		position: relative;
		cursor: pointer;
}

.style_text__qv3lx {
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 991px) {
		.style_text__qv3lx {
				font-size: 14px;
		}
}

.style_popupWrap__E0c5_ {
		position: absolute;
		left: -14px;
		z-index: 100;
}
@media only screen and (max-width: 991px) {
		.style_popupWrap__E0c5_ {
				left: -6px;
		}
}
.style_popupContent__6Lqqu {
		position: relative;
		margin-top: 14px;
		padding: 4px 16px;
		background: #fff;
		white-space: nowrap;
		filter: drop-shadow(0 0 4px #DEDEDE);
}
.style_popupContent__6Lqqu::before {
		position: absolute;
		content: "";
		top: -10px;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #ffffff;
		border-bottom: 10px solid rgb(255, 255, 255);
}
@media only screen and (max-width: 991px) {
		.style_popupContent__6Lqqu::before {
				left: 6px;
		}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/ArticleBottom/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__B_FvV {
		display: flex;
		flex-flow: column;
		gap: 28px;
		margin-top: 60px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_block__B_FvV {
				margin-top: 40px;
				gap: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_block__B_FvV {
				margin-top: 32px;
				gap: 20px;
		}
}

.style_tags__Ous1q {
		padding-bottom: 20px;
		border-bottom: 1px solid #E5E6E7;
}
@media only screen and (max-width: 767px) {
		.style_tags__Ous1q {
				padding-bottom: 16px;
		}
}

.style_container__edYje {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
}
@media only screen and (max-width: 767px) {
		.style_container__edYje {
				flex-flow: column;
				align-items: flex-start;
		}
}

.style_box__zUzdB {
		display: flex;
		align-items: center;
		gap: 20px;
}
@media only screen and (max-width: 767px) {
		.style_box__zUzdB {
				width: 100%;
				justify-content: space-between;
		}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/RatingCounter/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__UidAx {
		display: flex;
		gap: 4px;
		align-items: center;
		height: 24px;
		padding: 2px 8px;
		border-radius: 40px;
		background: #F1F1F4;
		width: -moz-fit-content;
		width: fit-content;
}
@media only screen and (max-width: 991px) {
		.style_block__UidAx {
				padding: 2px 6px;
				gap: 2px;
				height: 24px;
		}
}
@media only screen and (max-width: 991px) {
		.style_block__UidAx svg {
				width: 16px;
				height: 16px;
				min-width: 16px;
		}
}

.style_text__8C9R6 {
		font: 400 14px/130% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 991px) {
		.style_text__8C9R6 {
				font-size: 13px;
				line-height: 140%;
		}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/ArticleTop/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_top__aZ_jZ {
		display: flex;
		justify-content: space-between;
		gap: 16px;
}
.style_topItem__m41KW {
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #8E8E93;
		white-space: nowrap;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_topItem__m41KW {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_topItem__m41KW {
				font-size: 13px;
		}
}
.style_topContainer__LiHCZ {
		display: flex;
		gap: 2px 32px;
}
@media only screen and (max-width: 767px) {
		.style_topContainer__LiHCZ {
				flex-flow: column;
		}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/NewDesign/Button/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_current__QNI9X {
		cursor: pointer;
		border: 1px solid transparent;
		transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
}
.style_current__QNI9X.style_primary___W6lm {
		font: 600 16px/140% var(--my-open-sans-regular);
		height: 46px;
		padding: 12px 24px;
		color: #fff;
		background: #d2233c;
		display: flex;
		align-items: center;
		justify-content: center;
		width: -moz-fit-content;
		width: fit-content;
		border-radius: 4px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_primary___W6lm {
				height: 36px;
				padding: 8px 24px;
				font-size: 14px;
		}
}
.style_current__QNI9X.style_primary___W6lm:hover {
		background: #B9182F;
}
.style_current__QNI9X.style_primary___W6lm:focus {
		border: 1px solid #B9182F;
}
.style_current__QNI9X.style_primary___W6lm:active {
		background: #E3173E;
}
.style_current__QNI9X.style_primary___W6lm:disabled {
		background: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_secondary__BA6pD {
		font: 600 16px/140% var(--my-open-sans-regular);
		height: 46px;
		padding: 12px 24px;
		color: #d2233c;
		background: #F1F1F4;
		display: flex;
		align-items: center;
		justify-content: center;
		width: -moz-fit-content;
		width: fit-content;
		border-radius: 4px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_secondary__BA6pD {
				height: 36px;
				padding: 8px 24px;
				font-size: 14px;
		}
}
.style_current__QNI9X.style_secondary__BA6pD:hover {
		background: #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:focus {
		border: 1px solid #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:active {
		background: #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:disabled {
		background: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_outline__9R_iC {
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #d2233c;
		background: #fff;
		border-color: #d2233c;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 4px;
		height: 46px;
		padding: 12px 24px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_outline__9R_iC {
				font-size: 14px;
				height: 36px;
				padding: 8px 24px;
		}
}
.style_current__QNI9X.style_outline__9R_iC:hover {
		color: #B9182F;
		border-color: #B9182F;
}
.style_current__QNI9X.style_outline__9R_iC:focus {
		color: 1px solid #B9182F;
		border-color: #B9182F;
}
.style_current__QNI9X.style_outline__9R_iC:active {
		color: #E3173E;
		border-color: #E3173E;
}
.style_current__QNI9X.style_outline__9R_iC:disabled {
		color: #E5E6E7;
		border-color: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_link___kPny {
		color: #d2233c;
		padding: 0;
		background: transparent;
		font: 600 16px/140% var(--my-open-sans-regular);
		width: -moz-fit-content;
		width: fit-content;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_link___kPny {
				font-size: 14px;
		}
}
.style_current__QNI9X.style_link___kPny:hover {
		color: #B9182F;
}
.style_current__QNI9X.style_link___kPny:focus {
		color: #B9182F;
}
.style_current__QNI9X.style_link___kPny:active {
		color: #E3173E;
}
.style_current__QNI9X.style_link___kPny:disabled {
		color: #E5E6E7;
		cursor: not-allowed;
}

.style_old__XM4kf {
		cursor: pointer;
		border: 1px solid transparent;
		transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
		color: #fff;
		font: 600 11px/100% var(--my-open-sans-regular);
		min-height: 35px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
}
.style_old__XM4kf.style_primary___W6lm {
		padding: 10px;
		border-radius: 2px;
		background: #d2233c;
}
.style_old__XM4kf.style_primary___W6lm:hover {
		background: #191714;
}
.style_old__XM4kf.style_primary___W6lm:active {
		background: #191714;
		background-color: #fff;
}
.style_old__XM4kf.style_primary___W6lm:focus {
		background: #191714;
		color: #fff;
}
.style_old__XM4kf.style_primary___W6lm.style_disabled__0qe__ {
		cursor: default;
}
.style_old__XM4kf.style_primary___W6lm.style_disabled__0qe__:hover {
		pointer-events: none;
}
.style_old__XM4kf.style_link___kPny {
		background: transparent;
		color: #d2233c;
		padding: 0;
		border: none;
		min-height: 0;
		text-decoration: none;
		font-weight: 400;
		font-size: 14px;
}
.style_old__XM4kf.style_link___kPny:hover {
		background: transparent;
		color: #b11e33;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny:active {
		background: transparent;
		color: #b11e33;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny:focus {
		background: transparent;
		color: #b11e33;
		box-shadow: none;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny.style_disabled__0qe__ {
		cursor: default;
		background: transparent;
		color: #b11e33;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/comments/Comment/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__W_Fhm {
		display: flex;
		flex-flow: column;
		gap: 19px;
		padding: 20px;
		border-radius: 8px;
		background-color: #F1F1F4;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__W_Fhm {
				padding: 16px;
				gap: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__W_Fhm {
				padding: 12px;
				gap: 8px;
		}
}

.style_container__kb_b_ {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
}

.style_fio__LeGCY {
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_fio__LeGCY {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_fio__LeGCY {
				font-size: 13px;
		}
}

.style_date__JdX_N {
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #8E8E93;
}
@media only screen and (max-width: 991px) {
		.style_date__JdX_N {
				font-size: 12px;
		}
}

.style_text__vnFeD {
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__vnFeD {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__vnFeD {
				font-size: 13px;
		}
}

.style_images__ESjY2 {
		display: flex;
		flex-flow: wrap;
		gap: 16px;
}

.style_img__gxqmj {
		border-radius: 8px;
		object-fit: contain;
}
@media only screen and (max-width: 991px) {
		.style_img__gxqmj {
				width: 80px;
				height: 80px;
		}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/comments/ActionCommentBlock/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__QNhxk {
		display: flex;
		flex-flow: column;
		gap: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_block__QNhxk {
				gap: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_block__QNhxk {
				gap: 12px;
		}
}
.style_block__QNhxk .style_btn__hGlR_ {
		font-size: 14px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_block__QNhxk .style_btn__hGlR_ {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_block__QNhxk .style_btn__hGlR_ {
				font-size: 12px;
		}
}

.style_text__yVI0_ {
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__yVI0_ {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__yVI0_ {
				font-size: 13px;
		}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/comments/CommentForm/PreviewFile/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_preview__wm5Vi {
		position: relative;
		width: 100px;
		height: 100px;
		color: #8E8E93;
}
.style_previewImg__BV8eH {
		object-fit: cover;
		border-radius: 8px;
		overflow: hidden;
}
.style_previewBtn__qIe1F {
		position: absolute;
		top: -2px;
		right: -10px;
		padding: 0;
		background-color: transparent;
		border-color: transparent;
		cursor: pointer;
		transition: transform 0.3s;
}
@media (hover: hover) and (pointer: fine) {
		.style_previewBtn__qIe1F:hover {
				transform: scale(1.2);
		}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/comments/CommentForm/ContainerPreview/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_previewGrid__CivfR {
		display: flex;
		flex-flow: wrap;
		gap: 16px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/comments/CommentForm/Upload/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_upload__kRSnV {
		cursor: pointer;
		position: relative;
		color: #8E8E93;
		transition: color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
		.style_upload__kRSnV:hover {
				color: #231F20;
		}
}
.style_upload__kRSnV input[type=file] {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		position: absolute;
		z-index: -10;
}
.style_upload__kRSnV svg {
		min-width: 24px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/comments/CommentForm/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__GSb44 {
		display: flex;
		flex-flow: column;
		gap: 16px;
		padding: 12px 16px;
		border-radius: 4px;
		background-color: white;
		border: 1px solid #A5A8AA;
}
.style_form__GSb44 .style_btnSend__Pvh__ {
		height: 28px !important;
		padding: 4px 8px !important;
		border-radius: 2px !important;
		font-size: 12px !important;
}

.style_textField__4L75M {
		white-space: pre-wrap;
		height: 26px;
		border-color: transparent;
		outline: none;
		resize: none;
		overflow: hidden;
		color: #231F20;
		font: 400 16px/140% var(--my-open-sans-regular);
}
.style_textField__4L75M::placeholder {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #8E8E93;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_textField__4L75M::placeholder {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_textField__4L75M::placeholder {
				font-size: 12px;
		}
}

.style_container__sJkgF {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
}

.style_error__UxUp6 {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #d2233c;
		display: flex;
		gap: 8px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_error__UxUp6 {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_error__UxUp6 {
				font-size: 12px;
		}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/comments/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__z5sZi {
		display: flex;
		flex-flow: column;
		margin-top: 80px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_block__z5sZi {
				margin-top: 60px;
		}
}
@media only screen and (max-width: 767px) {
		.style_block__z5sZi {
				margin-top: 40px;
		}
}
.style_blockTitle__8hH_l {
		font: 600 24px/130% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_blockTitle__8hH_l {
				font-size: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_blockTitle__8hH_l {
				font-size: 18px;
		}
}
.style_blockTitleContainer__npGO4 {
		display: flex;
		align-items: center;
		gap: 16px;
		margin-bottom: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_blockTitleContainer__npGO4 {
				margin-bottom: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_blockTitleContainer__npGO4 {
				gap: 12px;
				margin-bottom: 16px;
		}
}
.style_blockCounter__g1f6r {
		height: 24px;
		border-radius: 14px;
		padding: 2px 10px;
		background-color: #d2233c;
		color: #fff;
		font: 600 14px/100% var(--my-open-sans-regular);
		display: flex;
		align-items: center;
		justify-content: center;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_blockCounter__g1f6r {
				padding: 2px 8px;
				height: 22px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_blockCounter__g1f6r {
				height: 21px;
				padding: 2px 10px;
				font-size: 12px;
		}
}

.style_container__71Gl0 {
		display: flex;
		flex-flow: column;
		gap: 32px;
}
@media only screen and (max-width: 767px) {
		.style_container__71Gl0 {
				gap: 20px;
		}
}
.style_containerForm__YWD7I {
		display: flex;
		flex-flow: column;
		gap: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_containerForm__YWD7I {
				gap: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_containerForm__YWD7I {
				gap: 16px;
		}
}

.style_grid__F5sJk {
		display: flex;
		flex-flow: column;
		gap: 20px;
}
@media only screen and (max-width: 991px) {
		.style_grid__F5sJk {
				gap: 16px;
		}
}

.style_commentHidden__qTNkU {
		position: relative;
}
.style_commentHidden__qTNkU:before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}

.style_rollable__D1hkD .style_rollableBtn__Z_Rd_ {
		margin-top: -4px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 4px;
		font: 600 14px/140% var(--my-open-sans-regular);
		flex-shrink: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_rollable__D1hkD .style_rollableBtn__Z_Rd_ {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_rollable__D1hkD .style_rollableBtn__Z_Rd_ {
				font-size: 12px;
				gap: 2px;
		}
}
.style_rollable__D1hkD .style_rollableBtn__Z_Rd_ svg {
		margin-top: 2px;
		transition: transform 0.2s;
		min-width: 24px;
}
@media only screen and (max-width: 991px) {
		.style_rollable__D1hkD .style_rollableBtn__Z_Rd_ svg {
				margin-top: 0;
		}
}
@media only screen and (max-width: 767px) {
		.style_rollable__D1hkD .style_rollableBtn__Z_Rd_ svg {
				min-width: 20px;
				width: 20px;
				height: 20px;
		}
}
.style_rollable__D1hkD .style_rollableBtn__Z_Rd_.style_open__BUX_H {
		margin-top: 16px;
}
.style_rollable__D1hkD .style_rollableBtn__Z_Rd_.style_open__BUX_H svg {
		transform: rotateX(180deg);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/ItemInfo/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_item__ECUyv {
		display: flex;
		align-items: center;
		gap: 4px;
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #8E8E93;
}
@media only screen and (max-width: 991px) {
		.style_item__ECUyv {
				font-size: 14px;
		}
}
.style_item__ECUyv svg {
		min-width: 24px;
		width: 24px;
		height: 24px;
}
@media only screen and (max-width: 991px) {
		.style_item__ECUyv svg {
				min-width: 20px;
				width: 20px;
				height: 20px;
		}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/SimilarArticles/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_title__4zQmu {
		color: #231F20;
		font: 600 20px/140% var(--my-open-sans-regular);
		margin-bottom: 20px;
}

.style_grid__dlDzs {
		display: flex;
		flex-flow: column;
		gap: 32px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./node_modules/swiper/swiper.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/SectionLinkFromSlider/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_link__c_Iu0 {
		display: flex;
		align-items: center;
		gap: 4px;
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #151515;
		transition: color 0.3s;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_link__c_Iu0 {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_link__c_Iu0 {
				font-size: 13px;
		}
}
.style_link__c_Iu0:hover {
		color: #B9182F;
}
.style_link__c_Iu0:focus {
		color: #d2233c;
}
.style_link__c_Iu0:active {
		color: #E3173E;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/AddToCart/AddToCardPreloader/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_loader___0WKp {
		position: absolute;
		inset: 0;
		background-color: rgba(255, 255, 255, 0.8);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Favorite/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_like__FQmiz {
		display: flex;
		align-items: center;
		gap: 8px;
		cursor: pointer;
		white-space: nowrap;
		width: -moz-fit-content;
		width: fit-content;
		padding: 0;
		border: none;
		background: transparent;
}
@media only screen and (max-width: 767px) {
		.style_like__FQmiz {
				gap: 4px;
		}
}
.style_like__FQmiz svg {
		min-width: 24px;
}
.style_like__FQmiz svg path {
		transition: fill 0.3s ease, stroke 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
		.style_like__FQmiz:hover svg path {
				stroke: #d2233c;
		}
		.style_like__FQmiz:hover .style_text__GUlCd {
				color: #d2233c;
		}
}
.style_like__FQmiz.style_active__ucf9V svg path {
		fill: #d2233c;
		stroke: #d2233c;
}
.style_like__FQmiz.style_active__ucf9V .style_text__GUlCd {
		color: #d2233c;
}
@media (hover: hover) and (pointer: fine) {
		.style_like__FQmiz.style_active__ucf9V:hover svg path {
				fill: #d2233c;
				stroke: #d2233c;
		}
}

.style_text__GUlCd {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_text__GUlCd {
				font-size: 13px;
				display: none;
		}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/LabelProduct/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_label__KiNpg {
		position: relative;
		border: 1.5px solid #000;
		text-transform: uppercase;
		width: -moz-fit-content;
		width: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 8px;
		color: #000;
		background-color: #fff;
}
.style_labelDetail__J7GUv {
		font: 600 12px 100% var(--my-open-sans-regular);
		border-radius: 2px;
}
@media only screen and (max-width: 767px) {
		.style_labelDetail__J7GUv {
				font-size: 10px;
				padding: 6px;
				height: 18px;
		}
}
.style_labelCard__zMAgH {
		font: 600 11px 100% var(--my-open-sans-regular);
}
.style_labelLk__Anveq {
		font: 600 10px 130% var(--my-open-sans-regular);
		height: 17px;
		padding: 2px 4px;
		border-radius: 4px;
		border-width: 1px;
}
@media only screen and (max-width: 991px) {
		.style_labelLk__Anveq {
				height: 14px;
				font-size: 9px;
				line-height: 100%;
		}
}

.style_green__Dvdkq {
		color: #00bb31;
		border-color: #00bb31;
}

.style_blue__kmfGb {
		color: #0072b7;
		border-color: #0072b7;
}

.style_blue-lite__QJs8W {
		color: #00acc8;
		border-color: #00acc8;
}

.style_gray__GkBmG {
		color: #8E8E93;
		border-color: #F1F1F4;
		background-color: #F1F1F4;
}

.style_orange__ISRPR {
		color: #ff5200;
		border-color: #ff5200;
}

.style_percent__iKx3U {
		border-color: #13BB39;
		color: #13BB39;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/ProductCard/Counter/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_counter__0iS5Q {
		height: 36px;
		padding: 6px;
		background: #FFFFFF;
		border-radius: 4px;
		border: 1px solid #DEDEDE;
		display: flex;
		align-items: center;
		overflow: hidden;
		gap: 10px;
		width: 100%;
		justify-content: space-between;
}
.style_counterBtn__3B3j_ {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		background: transparent;
		border: none;
		outline: unset;
		padding: 0;
}
.style_counterBtn__3B3j_ svg {
		width: 16px;
		min-width: 16px;
}
.style_counterBtn__3B3j_.style_inactive__J0aH6 {
		pointer-events: none;
}
.style_counterBtn__3B3j_.style_inactive__J0aH6 svg path {
		stroke: #DEDEDE;
}
.style_counterInput__iz0_Z {
		text-align: center;
		font: 400 14px/140% var(--my-open-sans-regular);
		width: 32px;
		height: 20px;
		padding: 0;
		border: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/ProductCard/AddToCart/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__dMMS3 {
		display: flex;
		align-items: center;
		gap: 16px;
}
.style_card__dMMS3 .style_addCart__gsrLR {
		padding: 8px 8px;
		width: 100%;
		font-size: 14px;
		line-height: 100%;
		height: 36px;
}

.style_small__Dz7_J.style_card__dMMS3 .style_addCart__gsrLR {
		padding: 6px;
		font-size: 13px;
		height: 30px;
}
@media only screen and (max-width: 576px) {
		.style_small__Dz7_J.style_card__dMMS3 .style_addCart__gsrLR {
				height: 26px;
				font-size: 12px;
		}
}
.style_small__Dz7_J.style_card__dMMS3 .style_counter__Kq2vg {
		height: 30px;
		gap: 4px;
}
@media only screen and (max-width: 576px) {
		.style_small__Dz7_J.style_card__dMMS3 .style_counter__Kq2vg {
				height: 26px;
		}
}
.style_small__Dz7_J.style_card__dMMS3 .style_counter__Kq2vg input {
		font-size: 13px;
		height: 18px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/ProductCard/Options/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_options__0sZ6_ {
		display: flex;
		flex-flow: wrap row;
		gap: 8px;
}
.style_optionsItem__mqYsp {
		font: 400 13px/140% var(--my-open-sans-regular);
		padding: 1px 8px;
		transition: color 0.3s, background-color 0.3s;
		border-radius: 2px;
		cursor: pointer;
		border: 1px solid #E5E6E7;
		color: #231F20;
		background: #fff;
}
.style_optionsItem__mqYsp.style_active__52RNr {
		color: #231F20;
		border-color: #d2233c;
		pointer-events: none;
}
.style_optionsItem__mqYsp:hover {
		color: #231F20;
		border-color: #d2233c;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/ProductCard/Price/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block____lOc {
		display: flex;
		gap: 12px;
		align-items: center;
		flex-flow: wrap;
}

.style_price__7nVlc {
		font: 700 20px/140% var(--my-open-sans-regular);
		color: #231F20;
		padding: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_price__7nVlc {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_price__7nVlc {
				font-size: 16px;
		}
}
.style_priceDiscount__kzt_3 {
		padding: 3px 4px 4px 6px;
		border-radius: 4px;
		background: #13BB39;
		color: #fff;
		height: 28px;
		line-height: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_priceDiscount__kzt_3 {
				height: 27px;
				padding: 4px 4px 4px 6px;
		}
}
@media only screen and (max-width: 767px) {
		.style_priceDiscount__kzt_3 {
				height: 25px;
				padding: 4px 4px 3px 6px;
		}
}
.style_priceNotAvailable__TwGOi {
		color: #8E8E93;
		background: transparent;
		padding-left: 0;
		padding-right: 0;
}
.style_priceNotInStock__WPkdX {
		display: block;
		opacity: 0;
		height: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_priceNotInStock__WPkdX {
				height: 25.2px;
		}
}
@media only screen and (max-width: 767px) {
		.style_priceNotInStock__WPkdX {
				height: 22.4px;
		}
}
.style_priceWithoutDiscount__Rw6iY {
		font: 600 13px/140% var(--my-open-sans-regular);
		text-decoration: line-through;
		color: #8E8E93;
}
@media only screen and (max-width: 767px) {
		.style_priceWithoutDiscount__Rw6iY {
				font-size: 12px;
		}
}

.style_small__0Ji1_.style_block____lOc {
		gap: 8px;
}
@media only screen and (max-width: 991px) {
		.style_small__0Ji1_.style_block____lOc {
				gap: 12px;
		}
}
.style_small__0Ji1_.style_block____lOc .style_price__7nVlc {
		font-size: 18px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_small__0Ji1_.style_block____lOc .style_price__7nVlc {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_small__0Ji1_.style_block____lOc .style_price__7nVlc {
				font-size: 16px;
		}
}
.style_small__0Ji1_.style_block____lOc .style_priceDiscount__kzt_3 {
		height: 27px;
}
@media only screen and (max-width: 767px) {
		.style_small__0Ji1_.style_block____lOc .style_priceDiscount__kzt_3 {
				height: 25px;
				padding: 4px 4px 2px 6px;
		}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Checkbox/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_checkboxWrap__gYEDt {
		position: relative;
}
.style_checkboxWrap__gYEDt.style_disabled__gnvDw label {
		color: #8E8E93;
		pointer-events: none;
}
.style_checkboxInput__4Mew2 {
		position: absolute;
		z-index: -1;
		left: -9999px;
		opacity: 0;
		display: none;
		top: 0;
}
.style_checkboxInput__4Mew2 + label {
		display: inline-flex;
		user-select: none;
		cursor: pointer;
}
.style_checkboxInput__4Mew2 + label::before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		flex-shrink: 0;
		flex-grow: 0;
		border-radius: 2px;
		border: 1px solid #E5E6E7;
		background-color: #fff;
		margin-right: 8px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 50% 50%;
		transition: background-color 0.3s, border-color 0.3s;
}
.style_checkboxInput__4Mew2:checked + label::before {
		background: #d2233c url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrYm94Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRDIyMzNDIi8+CjxwYXRoIGlkPSJWZWN0b3IgMzUiIGQ9Ik0zIDcuMjMwNzdMNi44NSAxMUwxNCA0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9nPgo8L3N2Zz4K") no-repeat center/contain;
		border: 1px solid #d2233c;
}
.style_checkboxInput__4Mew2:not(:disabled):not(:checked) + label:hover::before {
		border-color: #E5E6E7;
		background-color: #F1F1F4;
}
.style_checkboxInput__4Mew2:not(:disabled):active + label::before {
		background-color: #F1F1F4;
		border-color: #F6677B;
}
.style_checkboxInput__4Mew2:focus:not(:checked) + label::before {
		background-color: #F1F1F4;
		border-color: #F6677B;
}
.style_checkboxInput__4Mew2:disabled:not(:checked) + label::before {
		background-color: #fff;
		border-color: #F1F1F4;
}
.style_checkbox__eAfQT label {
		color: #0A0A0A;
}
.style_checkboxError__REHVf {
		margin-top: 4px;
		color: #FFA7B3;
		font: 400 14px/120% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_checkboxError__REHVf {
				font-size: 12px;
				line-height: 140%;
		}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/product/ModalCustomWrap/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalOverlay__RXsO1 {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(142, 142, 147, 0.6);
		z-index: 1000;
		overflow-y: auto;
		padding: 20px 10px;
}

.style_modal__gBg61 {
		margin: auto;
		outline: none;
		background: #fff;
		z-index: 1001;
}
@media only screen and (max-width: 576px) {
		.style_modal__gBg61 {
				max-width: 450px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalSend__J9kF2 {
				padding: 50px 60px 50px 60px;
		}
}
.style_modalWrap__ePP4i {
		position: relative;
		padding: 60px;
}
@media only screen and (max-width: 767px) {
		.style_modalWrap__ePP4i {
				padding: 52px 11px 24px 11px;
		}
}
.style_modalTitle__j_rLy {
		font: 600 32px/120% var(--my-open-sans-regular);
		color: #151515;
		margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
		.style_modalTitle__j_rLy {
				font-size: 28px;
		}
}
.style_modalClose__7Q_FU {
		position: relative;
		margin-left: auto;
		transition: opacity 0.3s;
		cursor: pointer;
		padding: 0;
		border: none;
		background: transparent;
}
.style_modalClose__7Q_FU:hover {
		opacity: 0.7;
		transition: opacity 0.3s;
}
.style_modalCloseWrap__ebp8H {
		position: absolute;
		content: "";
		right: 22px;
		top: 22px;
}
@media only screen and (max-width: 767px) {
		.style_modalCloseWrap__ebp8H {
				right: 11px;
				top: 11px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalCloseWrap__ebp8H svg {
				width: 16px;
				height: 16px;
				min-width: 16px;
		}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/fields/InputTextWrap/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_componentWrap__sUbqA {
		position: relative;
}
.style_componentPlaceholder__Y50tJ {
		position: absolute;
		content: "";
		left: 12px;
		top: 50%;
		transform: translate(0, -50%);
		font: 400 16px/100% var(--my-open-sans-regular);
		color: #A5A4A4;
		margin: 0;
		opacity: 1;
		transition: opacity 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_componentPlaceholder__Y50tJ {
				font-size: 14px;
		}
}
.style_componentPlaceholder__Y50tJ.style_hidden__7buhQ {
		opacity: 0;
		z-index: -1;
}
.style_componentPlaceholder__Y50tJ span {
		color: #d2233c;
}
.style_componentError__rfQ50 {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.style_component__counter__x_ZCw {
		position: absolute;
		font: 400 12px/100% var(--my-open-sans-regular);
		color: #64686B;
		right: 10px;
		bottom: 10px;
}
.style_component__area__5gtUI {
		border: 1px solid #E5E6E7;
		padding-bottom: 20px;
}
.style_component__area__5gtUI .style_custom-textarea__Eg8Ua {
		padding-bottom: 2px;
		resize: none;
		overflow: hidden;
		min-height: 50px;
		border-color: transparent;
}
.style_component__area__5gtUI .style_custom-textarea--error__RTpZ5 {
		border-color: transparent;
}
.style_component__area__5gtUI .style_custom-textarea__Eg8Ua:focus {
		border-color: transparent;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/product/Subscribe/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__Un_PN {
		max-width: 460px;
}
.style_formBox__dFR2C {
		display: flex;
		flex-flow: column;
		gap: 20px;
		margin-top: 28px;
}
@media only screen and (max-width: 767px) {
		.style_formBox__dFR2C {
				margin-top: 18px;
		}
}
.style_formText__LtMXB {
		color: #231F20;
		font: 600 18px/120% var(--my-open-sans-regular);
		margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
		.style_formText__LtMXB {
				margin-top: -10px;
		}
}
.style_formMessage__vO9IX {
		color: #231F20;
		font: 600 18px/120% var(--my-open-sans-regular);
		text-align: center;
		margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
		.style_formMessage__vO9IX {
				margin-bottom: 24px;
		}
}
.style_formCheckboxText__qny5B {
		color: #0A0A0A;
		font: 400 11px/120% var(--my-open-sans-regular);
}
.style_formCheckboxText__qny5B a {
		color: #464B52;
		text-decoration-line: underline;
		transition: color 0.3s;
}
.style_formCheckboxText__qny5B a:hover {
		color: #d2233c;
}
.style_formFieldError__HCOL1 {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.style_formCheckbox__zIEv9 span {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.style_form__Un_PN .style_formSubmit__Cb3eE {
		padding: 18px 24px;
		font-size: 16px;
		height: 48px;
		width: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/ProductCard/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__ovtAT {
		position: relative;
		padding: 16px;
		border-radius: 4px;
		border: 1px solid #E5E6E7;
		background: #fff;
		display: flex;
		flex-flow: column;
		z-index: 0;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ovtAT {
				padding: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ovtAT {
				border-color: transparent;
				padding: 0;
		}
}
.style_cardTop__q1Lae {
		position: relative;
		padding: 12px 0;
		margin-bottom: 8px;
}
@media only screen and (max-width: 991px) {
		.style_cardTop__q1Lae {
				margin-bottom: 4px;
		}
}
.style_cardTop__q1Lae img {
		margin: 0 auto;
		object-fit: contain;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardTop__q1Lae img {
				width: 132px;
				height: 132px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardTop__q1Lae img {
				width: 124px;
				height: 124px;
		}
}
.style_cardTop__q1Lae.style_disabled__WgkaI {
		opacity: 0.5;
}
.style_cardBottom__16uX3 {
		display: flex;
		flex-flow: column;
		margin-bottom: 16px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardBottom__16uX3 {
				margin-bottom: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardBottom__16uX3 {
				margin-bottom: 16px;
		}
}

.style_label__8dqGc {
		font: 600 11px/130% var(--my-open-sans-regular);
		height: 22px;
		border-width: 1.5px;
		border-radius: 4px;
		padding: 4px 8px 3px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_label__8dqGc {
				padding: 4px 6px 3px;
				height: 19px;
				font-size: 10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_label__8dqGc {
				border-width: 1px;
				border-radius: 2px;
				height: 16px;
				font-size: 10px;
				padding: 2px 5px;
		}
}
.style_label__8dqGc.style_notAvailable__GA9qP {
		text-transform: none;
		font-size: 10px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_label__8dqGc.style_notAvailable__GA9qP {
				font-size: 9px;
				padding: 3px 6px;
		}
}
.style_labelContainer__66dz5 {
		position: absolute;
		top: 16px;
		left: 16px;
		z-index: 1;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_labelContainer__66dz5 {
				top: 12px;
				left: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_labelContainer__66dz5 {
				top: 0;
				left: 0;
		}
}
.style_label__8dqGc + .style_label__8dqGc {
		margin-top: 5px;
}

.style_favorite__0OLF2 {
		position: absolute;
		top: 16px;
		right: 16px;
		z-index: 1;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_favorite__0OLF2 {
				top: 12px;
				right: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_favorite__0OLF2 {
				top: 0;
				right: 0;
		}
}

.style_title__NpBGf {
		color: #231F20;
		font: 400 16px/140% var(--my-open-sans-regular);
		margin: 4px 0 12px 0;
		transition: color 0.3s;
		max-height: 66px;
		overflow-y: hidden;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		white-space: pre-line;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__NpBGf {
				font-size: 14px;
				max-height: 60px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__NpBGf {
				margin: 2px 0 8px 0;
				font-size: 13px;
				max-height: 34px;
				-webkit-line-clamp: 2;
		}
}
.style_title__NpBGf:hover {
		color: #d2233c;
}

.style_card__ovtAT .style_action__36J9C {
		position: relative;
		margin-top: auto;
}
.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
		width: 116px;
		height: 36px;
		padding: 8px;
		font-size: 14px;
		line-height: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				height: 34px;
				width: 87px;
				padding: 5px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				padding: 4px;
				font-size: 12px;
				width: 78px;
				height: 28px;
		}
}
.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d, .style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
		padding: 8px 20px;
		height: 36px;
		font-size: 13px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d, .style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				height: 34px;
				padding: 5px 10px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d, .style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
		}
}

.style_slider__ekvbj.style_card__ovtAT .style_cardTop__q1Lae img {
		height: 140px;
		width: 140px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_cardTop__q1Lae img {
				width: 132px;
				height: 132px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_cardTop__q1Lae img {
				width: 124px;
				height: 124px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_title__NpBGf {
		font-size: 14px;
		margin: 4px 0 10px 0;
		height: 60px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_title__NpBGf {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_title__NpBGf {
				margin: 2px 0 8px 0;
				font-size: 13px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C {
		position: relative;
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
		width: 86px;
		height: 30px;
		padding: 6px;
		font-size: 13px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				height: 34px;
				width: 87px;
				padding: 5px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				padding: 4px;
				font-size: 12px;
				width: 78px;
				height: 28px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d {
		padding: 6px;
		height: 30px;
		font-size: 13px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d {
				height: 34px;
				padding: 5px 10px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
		padding: 6px;
		height: 30px;
		font-size: 13px;
		width: 174px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				height: 34px;
				padding: 5px 10px;
				font-size: 13px;
				width: -moz-fit-content;
				width: fit-content;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
				width: -moz-fit-content;
				width: fit-content;
		}
}

.style_stub__KW4Ml {
		font: 600 13px/100% var(--my-open-sans-regular);
		color: #231F20;
		padding: 8px 20px;
		height: 36px;
		box-shadow: 0 0 16px 0 #EAEAEA;
		border-radius: 4px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_stub__KW4Ml {
				height: 34px;
				padding: 5px 10px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_stub__KW4Ml {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
		}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/SliderProductToCard/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_slider__WJLot {
		display: flex;
		width: 100%;
		height: auto;
}
.style_sliderContainer__dlyWj {
		position: relative;
		margin: 0 -10px;
}
.style_sliderTitle__6XB4i {
		font: 600 32px/120% var(--my-open-sans-regular);
		color: #151515;
		margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
		.style_sliderTitle__6XB4i {
				margin-bottom: 20px;
				font-size: 18px;
		}
}

.style_slide__fEoL4 {
		height: 100%;
		min-height: 100%;
}
@media only screen and (max-width: 576px) {
		.style_slide__fEoL4 {
				max-width: 280px;
		}
}

.style_swiperPd__fNt3V {
		padding: 2px 0 !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/articles/SliderPromoProductsV2/SectionTitle/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_title__DIYWc {
		font: 600 32px/124% var(--my-open-sans-regular);
		color: #151515;
		margin: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__DIYWc {
				font-size: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__DIYWc {
				font-size: 20px;
		}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/articles/SliderPromoProductsV2/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_sliderContainer__BOd5o {
		position: relative;
}

.style_titleContainer__LH2wZ {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 32px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_titleContainer__LH2wZ {
				margin-bottom: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_titleContainer__LH2wZ {
				margin-bottom: 20px;
		}
}

@media only screen and (max-width: 767px) {
		.style_linkContainerDesktop__u__ER {
				display: none;
		}
}
.style_linkContainerMobile__uDKEr {
		display: none;
}
@media only screen and (max-width: 767px) {
		.style_linkContainerMobile__uDKEr {
				display: flex;
				margin-top: 24px;
		}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Htag/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_h1__42MkN {
		font: 600 40px/124% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_h1__42MkN {
				font-size: 20px;
				line-height: 130%;
		}
}

.style_h2___LQuN {
		font: 600 32px/120% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_h2___LQuN {
				font-size: 18px;
				line-height: 120%;
		}
}

.style_h3__ctBjL {
		font: 600 28px/120% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_h3__ctBjL {
				font-size: 18px;
				line-height: 120%;
		}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/ArticlePageLayout/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_page__Y2Zox {
		margin: 0 0 100px 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_page__Y2Zox {
				margin: 0 0 40px 0;
		}
}
@media only screen and (max-width: 767px) {
		.style_page__Y2Zox {
				margin: 0 0 30px 0;
		}
}
.style_pageWrapper__VPEcG {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.style_pageWrapper__VPEcG {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_pageWrapper__VPEcG {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_pageWrapper__VPEcG {
				padding: 0 10px;
		}
}
.style_page__Y2Zox .style_pageTitle__qzXcC {
		font: 600 32px/124% var(--my-open-sans-regular);
		margin: 0 0 20px 0;
		max-width: 780px;
}
@media only screen and (max-width: 991px) {
		.style_page__Y2Zox .style_pageTitle__qzXcC {
				max-width: 100%;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_page__Y2Zox .style_pageTitle__qzXcC {
				font-size: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_page__Y2Zox .style_pageTitle__qzXcC {
				font-size: 20px;
		}
}

.style_container__HDkpV {
		display: flex;
		gap: 32px;
		margin-bottom: 100px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_container__HDkpV {
				margin-bottom: 60px;
		}
}
@media only screen and (max-width: 767px) {
		.style_container__HDkpV {
				margin-bottom: 40px;
		}
}

.style_aside__SgSzi {
		min-width: 280px;
		width: 280px;
		max-width: 280px;
}
@media only screen and (max-width: 991px) {
		.style_aside__SgSzi {
				display: none;
		}
}

.style_content__Qrrft {
		display: flex;
		flex-flow: column;
		width: calc(100% - 312px);
		min-width: calc(100% - 312px);
		max-width: calc(100% - 312px);
}
@media only screen and (max-width: 991px) {
		.style_content__Qrrft {
				width: 100%;
				min-width: 100%;
				max-width: 100%;
		}
}

.style_footer__a4oSd {
		display: flex;
		flex-flow: column;
}
.style_footer__a4oSd div:has(section) + div:has(section) {
		margin-top: 80px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footer__a4oSd div:has(section) + div:has(section) {
				margin-top: 40px;
		}
}
@media only screen and (max-width: 767px) {
		.style_footer__a4oSd div:has(section) + div:has(section) {
				margin-top: 32px;
		}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/acticleDetail/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_aside__6YthW {
		display: flex;
		flex-flow: column;
		gap: 40px;
}

.style_detailPicture___ZVXm {
		display: flex;
		position: relative;
		max-width: 100%;
		margin-top: 28px;
		aspect-ratio: 1/0.56;
		overflow: hidden;
		border-radius: 12px;
}
.style_detailPicture___ZVXm img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
}

.style_content__zHe_l {
		display: flex;
		flex-flow: column;
		max-width: 780px;
}
@media only screen and (max-width: 991px) {
		.style_content__zHe_l {
				max-width: 100%;
		}
}

.style_author__m7lhn {
		display: none;
}
@media only screen and (max-width: 991px) {
		.style_author__m7lhn {
				display: flex;
				max-width: 300px;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_author__m7lhn {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_author__m7lhn {
				margin-top: 16px;
		}
}

.style_prevText__mOEok {
		font: 400 20px/140% var(--my-open-sans-regular);
		color: #231F20;
		margin-top: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_prevText__mOEok {
				font-size: 18px;
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_prevText__mOEok {
				font-size: 16px;
				margin-top: 16px;
		}
}

.style_viewBlock__Qa4ED {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px 20px;
		margin-top: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_viewBlock__Qa4ED {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_viewBlock__Qa4ED {
				flex-flow: column;
				margin-top: 16px;
				align-items: flex-start;
		}
}
.style_viewBlockContainer__poSKd {
		display: flex;
		align-items: center;
		gap: 32px;
}
@media only screen and (max-width: 767px) {
		.style_viewBlockContainer__poSKd {
				gap: 20px;
		}
}
.style_viewBlockBox___IT2Y {
		display: flex;
		align-items: center;
		gap: 20px;
}
@media only screen and (max-width: 767px) {
		.style_viewBlockBox___IT2Y {
				justify-content: space-between;
				width: 100%;
		}
}

.style_anchors__YaLRU {
		display: none;
}
@media only screen and (max-width: 991px) {
		.style_anchors__YaLRU {
				display: block;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_anchors__YaLRU {
				margin-top: 32px;
		}
}
@media only screen and (max-width: 767px) {
		.style_anchors__YaLRU {
				margin-top: 24px;
		}
}

.style_static__wOROc {
		margin-top: 28px;
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_static__wOROc {
				margin-top: 20px;
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_static__wOROc {
				margin-top: 16px;
				font-size: 13px;
		}
}
.style_static__wOROc section + section {
		margin-top: 60px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_static__wOROc section + section {
				margin-top: 40px;
		}
}
@media only screen and (max-width: 767px) {
		.style_static__wOROc section + section {
				margin-top: 32px;
		}
}
.style_static__wOROc p, .style_static__wOROc div, .style_static__wOROc li, .style_static__wOROc a {
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_static__wOROc p, .style_static__wOROc div, .style_static__wOROc li, .style_static__wOROc a {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_static__wOROc p, .style_static__wOROc div, .style_static__wOROc li, .style_static__wOROc a {
				font-size: 13px;
		}
}
.style_static__wOROc p b, .style_static__wOROc div b, .style_static__wOROc li b, .style_static__wOROc a b {
		font-weight: 600;
}
.style_static__wOROc a {
		color: #d2233c;
		transition: color 0.3s;
		text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
		.style_static__wOROc a:hover, .style_static__wOROc a:focus, .style_static__wOROc a:active {
				color: #b11e33;
				text-decoration: none;
		}
}
.style_static__wOROc h1, .style_static__wOROc h2, .style_static__wOROc h4, .style_static__wOROc h5, .style_static__wOROc h6 {
		margin-bottom: 24px;
}
.style_static__wOROc h3 {
		font: 600 24px/130% var(--my-open-sans-regular);
		color: #231F20;
		margin-bottom: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_static__wOROc h3 {
				font-size: 20px;
				margin-bottom: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_static__wOROc h3 {
				font-size: 18px;
				margin-bottom: 16px;
		}
}
.style_static__wOROc p + p,
.style_static__wOROc div + div,
.style_static__wOROc p + img,
.style_static__wOROc div + img,
.style_static__wOROc span + blockquote,
.style_static__wOROc div + blockquote,
.style_static__wOROc img + blockquote,
.style_static__wOROc p + blockquote,
.style_static__wOROc div + ol,
.style_static__wOROc p + ol,
.style_static__wOROc span + ol,
.style_static__wOROc blockquote + ol,
.style_static__wOROc ol + blockquote,
.style_static__wOROc ol + div,
.style_static__wOROc ol + p,
.style_static__wOROc ol + span,
.style_static__wOROc div + ul,
.style_static__wOROc p + ul,
.style_static__wOROc span + ul,
.style_static__wOROc blockquote + ul,
.style_static__wOROc ul + blockquote,
.style_static__wOROc ul + div,
.style_static__wOROc ul + p,
.style_static__wOROc ul + span,
.style_static__wOROc ul + ol,
.style_static__wOROc ol + ul {
		margin-top: 20px;
}
@media only screen and (max-width: 991px) {
		.style_static__wOROc p + p,
		.style_static__wOROc div + div,
		.style_static__wOROc p + img,
		.style_static__wOROc div + img,
		.style_static__wOROc span + blockquote,
		.style_static__wOROc div + blockquote,
		.style_static__wOROc img + blockquote,
		.style_static__wOROc p + blockquote,
		.style_static__wOROc div + ol,
		.style_static__wOROc p + ol,
		.style_static__wOROc span + ol,
		.style_static__wOROc blockquote + ol,
		.style_static__wOROc ol + blockquote,
		.style_static__wOROc ol + div,
		.style_static__wOROc ol + p,
		.style_static__wOROc ol + span,
		.style_static__wOROc div + ul,
		.style_static__wOROc p + ul,
		.style_static__wOROc span + ul,
		.style_static__wOROc blockquote + ul,
		.style_static__wOROc ul + blockquote,
		.style_static__wOROc ul + div,
		.style_static__wOROc ul + p,
		.style_static__wOROc ul + span,
		.style_static__wOROc ul + ol,
		.style_static__wOROc ol + ul {
				margin-top: 16px;
		}
}
.style_static__wOROc blockquote {
		margin-top: 24px;
		font: 400 20px/140% var(--my-open-sans-regular);
		color: #231F20;
		padding: 28px 40px;
		border-radius: 8px;
		background: rgba(210, 35, 60, 0.08);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_static__wOROc blockquote {
				font-size: 18px;
				padding: 20px 28px;
				margin-top: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_static__wOROc blockquote {
				font-size: 16px;
				padding: 12px 16px;
		}
}
.style_static__wOROc blockquote p, .style_static__wOROc blockquote div {
		font: 400 20px/140% var(--my-open-sans-regular);
		color: #231F20;
}
.style_static__wOROc blockquote p b, .style_static__wOROc blockquote div b {
		font-weight: 600;
}
.style_static__wOROc blockquote b {
		font-weight: 600;
}
.style_static__wOROc img {
		border-radius: 8px;
		overflow: hidden;
		aspect-ratio: 780/440;
		width: 100%;
		height: auto;
		object-fit: contain;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_static__wOROc img {
				aspect-ratio: 736/414;
		}
}
@media only screen and (max-width: 767px) {
		.style_static__wOROc img {
				aspect-ratio: 300/168;
		}
}
.style_static__wOROc img + span {
		margin-top: 8px;
		color: #A5A8AA;
		font: 400 13px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 991px) {
		.style_static__wOROc img + span {
				font-size: 12px;
		}
}
.style_static__wOROc img + p {
		margin-top: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_static__wOROc img + p {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_static__wOROc img + p {
				margin-top: 16px;
		}
}
.style_static__wOROc ul,
.style_static__wOROc ol {
		position: relative;
		display: block;
		width: 100%;
		padding: 0;
		list-style: none;
}
.style_static__wOROc ul li + li,
.style_static__wOROc ol li + li {
		position: relative;
		margin-top: 16px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_static__wOROc ul li + li,
		.style_static__wOROc ol li + li {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_static__wOROc ul li + li,
		.style_static__wOROc ol li + li {
				margin-top: 16px;
		}
}
.style_static__wOROc ul li {
		padding-left: 34px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_static__wOROc ul li {
				padding-left: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_static__wOROc ul li {
				padding-left: 22px;
		}
}
.style_static__wOROc ul li:before {
		content: "";
		position: absolute;
		width: 6px;
		height: 6px;
		background: #d2233c;
		border-radius: 100%;
		top: 9px;
		left: 8px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_static__wOROc ul li:before {
				top: 8px;
				left: 7px;
		}
}
@media only screen and (max-width: 767px) {
		.style_static__wOROc ul li:before {
				top: 7px;
				left: 6px;
		}
}
.style_static__wOROc ol {
		counter-reset: li;
}
.style_static__wOROc ol li {
		padding-left: 36px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_static__wOROc ol li {
				padding-left: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_static__wOROc ol li {
				padding-left: 24px;
		}
}
.style_static__wOROc ol li:before {
		counter-increment: li;
		content: counters(li, ".") ". ";
		position: absolute;
		left: 8px;
		color: #d2233c;
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_static__wOROc ol li:before {
				left: 7px;
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_static__wOROc ol li:before {
				left: 6px;
				font-size: 13px;
		}
}